1 Articles in MCP Apps
MCP AppsでMIDIの譜面をリアルタイムに可視化する

MCP AppsでMIDIの譜面をリアルタイムに可視化する

MCP Appsの仕様を活用して、AIが作曲したMIDI楽曲のピアノロール譜面をClaude.ai上でリアルタイムに可視化するMCPサーバーを作りました。MCP Appsのアーキテクチャやライフサイクル、ontoolinputpartialによるプログレッシブレンダリング、Viewからの双方向通信(callServerTool・readServerResource・sendMessage)の仕組みを仕様レベルで解説しつつ、Cloudflare Workersへのデプロイ方法も紹介します。